<!DOCTYPE html>
<html style="height: 100%;">

<head>
    <title>叫号系统</title>
    <link rel="shortcut icon" href="/static/img/Icon.ico"> <!-- 网站图标 必须ico文件 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入 Bootstrap样式-->
    <link rel="stylesheet" href="/static/bootstrap v4/css/bootstrap.min.css">
    <!-- 引入 Bootstrap样式：插件datetimepicker-->
    <link rel="stylesheet" type="text/css" href="/static/bootstrap v4/css/bootstrap-datetimepicker.min.css">

    <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
    <script src="/static/js/jquery-3.4.1.min.js"></script>

    <!-- Excle导出插件(bootstrap-table-export) -->
    <script src="/static/js/TableExport/bootstrap-table.min.js"></script>
    <script src="/static/js/TableExport/bootstrap-table-locale-all.min.js"></script>
    <script src="/static/js/TableExport/bootstrap-table-export.min.js"></script>
    <script src="/static/js/TableExport/FileSaver.min.js"></script> <!--在客户端保存生成的导出文件-->
    <script src="/static/js/TableExport/xlsx.core.min.js"></script> <!--支持以XLSX（Excel 2007+）格式导出-->
    <script src="/static/js/TableExport/tableExport.min.js"></script>  <!--无论期望的格式如何，最后都包含 tableexport.jquery.plugin（不是tableexport）-->

    <!--引入DropDown插件-->
    <script src="/static/bootstrap v4/js/bootstrap.bundle.min.js"></script>
    <!--引入WebSocket断线重连插件-->
    <script src="/static/js/reconnecting-websocket.min.js"></script>
    <!-- 包括所有已编译的插件 -->
    <!--    <script src="/static/bootstrap v4/js\bootstrap.min.js"></script>-->

    <!-- 引入 Bootstrap 插件datetimepicker-->
    <script src="/static/bootstrap v4/js/bootstrap-datetimepicker.js"></script>
    <script src="/static/bootstrap v4/js/bootstrap-datetimepicker.zh-CN.js"></script>

    <style>
        html{
            font-size: 12px; /* 内网大量电脑分辨率是1600*900，因此将默认字体由16px（bootstrap）改为12px  */
        }
        .backgrondStyle {
            background: url('./static/img/bgg.jpg') no-repeat center;
            background-size: 100%;
            border-radius: 30px;
        }
        .hiip_home_top {
            /* background: url('./static/img/top_bg.jpg') no-repeat center; */
            background-size: 100%;
            height: 50px;
        }
        .hiip_home_text {
            font: normal 18px '微软雅黑';
            color: #FFFFFF;
            font-weight: bold;
            float:left;
            text-align:center;
            padding-top: 10px;
        }
        .hiip_username_text {
            font: normal 14px '微软雅黑';
            color: #FFFFFF;
            padding-top: 10px;
        }

        /*
            实现表单元格、表头的长度适应其文字内容
        */
        th{
            white-space:nowrap;
            overflow:hidden;
            word-break:keep-all;
        }
        td{
            white-space:nowrap;
            overflow:hidden;
            word-break:keep-all;
        }
    </style>
    <script>
        // 低版本谷歌不支持ES6，没有padStart函数，解决办法是自己重新实现String.prototype.padStart
        // 需在head中定义
        if (!String.prototype.padStart) {
            String.prototype.padStart = function padStart(targetLength, padString) {
                targetLength = targetLength >> 0; //floor if number or convert non-number to 0;
                padString = String((typeof padString !== 'undefined' ? padString : ' '));
                if (this.length > targetLength) {
                    return String(this);
                }
                else {
                    targetLength = targetLength - this.length;
                    if (targetLength > padString.length) {
                        padString += padString.repeat(targetLength / padString.length); //append to original to ensure we are longer than needed
                    }
                    return padString.slice(0, targetLength) + String(this);
                }
            };
        }
    </script>
</head>

<body class="">
<div class="container-fluid">
    <!--顶栏-->
    <div class="row" style="height: 45px; background-color: #007bff">
        <div class="col-xl-offset-3 col-xl-12 hiip_home_top" >
            <h4 class="hiip_home_text">龙岩市第一医院</h4>
            <h4 class="hiip_username_text  text-right "> <a href="#"><img id="headIconImg" src=""></a><span id="userNameText">&nbsp;信息科&nbsp;&nbsp;</span></h4>
        </div>
    </div>
    <!--空白间隔栏-->
    <div class="row" style="height: 15px;"></div>
    <div class="row">
        <!--左侧导航栏-->
        <div class="col-xl-2" >
            <ul class="nav flex-column nav-pills">
<!--                <li class="nav-item">-->
<!--                    <a class="nav-link " href="CallNumber">叫号</a>-->
<!--                </li>-->
<!--                <li class="nav-item">-->
<!--                    <a class="nav-link disabled" href="#">签到</a>-->
<!--                </li>-->
<!--                <li class="nav-item">-->
<!--                    <a class="nav-link disabled" href="#">预约</a>-->
<!--                </li>-->
<!--                <li class="nav-item">-->
<!--                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">模板维护</a>-->
<!--                </li>-->
<!--                <li class="nav-item">-->
<!--                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">排班管理</a>-->
<!--                </li>-->
                <li class="nav-item">
                    <a class="nav-link active" href="#" tabindex="-1" aria-disabled="true">报表1：统计检查单时间点</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " href="Statistic_Yj_WorkingTime_Ys" tabindex="-1" aria-disabled="true">报表2：统计医生工作时长</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " href="Statistic_Yj_WorkingTime_Zt" tabindex="-1" aria-disabled="true">报表3：统计组套工作时长</a>
                </li>

            </ul>
        </div>
        <!--空白垂直间隔-->
        <div class="col-xl-0" >

        </div>
        <!--右侧主界面-->
        <div class="col-xl-10" >

            <!--工具栏-->
            <div id="toolBar" class="row" style="">
                <div class="col-xl-10">
                    <form class="form-inline">
                        <label class="mb-2  mr-sm-2">预约日期：</label>
                        <input type="text" id="dateBegin" name="datetimepicker" value=" " placeholder="查询年月" class="form-control mr-sm-2">
                        <label class="mb-2  mr-sm-2">-</label>
                        <input type="text" id="dateEnd" name="datetimepicker" value=" " placeholder="查询年月" class="form-control mr-sm-2">
                        <label class="mb-2  mr-sm-2">选择院区：</label>
                        <div class="btn-group" id="myDropDown">
                            <button id="dropDownShowBtn" type="button" class="btn  btn-primary mb-2 mr-sm-5    dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                请选择院区
                            </button>
                            <div class="dropdown-menu" id="dropdownMenu">
                                <button class="dropdown-item" type="button" id="dropDownBtn" zxks="20011,20012">全部</button>
                                <button class="dropdown-item" type="button" id="dropDownBtn" zxks="20011">总院</button>
                                <button class="dropdown-item" type="button" id="dropDownBtn" zxks="20012">分院</button>
                            </div>
                        </div>
                        <button id="btnExport" type="button" class="btn btn-warning mb-2 mr-sm-2">导出Excle</button>
                        <button id="btnSearch" type="button" class="btn btn-warning mb-2 mr-sm-2">查询</button>
                    </form>
                </div>
                <!-- toast提示框 -->
                <div class="toast col-xl-2" style="position: absolute; top: 0; right: 0;"  data-delay="5000">
                    <div class="toast-header">
                        <img id="toastImg" src="" class="rounded mr-2" alt="...">
                        <strong id="toastTitle" class="mr-auto">ChyAppointmentPlatform</strong>
                        <small>1 sec ago</small>
                        <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div id="toastBody" class="toast-body">
                        <span id="toastText">TEST</span>
                    </div>
                </div>
            </div>
            <!--空白间隔栏-->
            <div class="row" style="height: 20px;">

            </div>
            <div class="row">
                <!-- 报表表格 -->
                <div class="col-xl-12">
                    <!-- 院区小标签 -->
                    <h4><span class="badge badge-secondary" id="label_Yq">总院超声</span></h4>

                    <div  style="overflow:scroll;height: 600px;">
                        <table id="table_wjhList" class="table table-hover  table-bordered" style="width:auto;" cellspacing="0">
                            <thead class="thead-light">
                            <tr class="text-center" id="threadFirstRow">
                                <th rowspan="2" style="width: 100px;">报告医生</th>
                                <th colspan="4"  >第1个患者</th>
                                <th  colspan="4" class="text-center">第2个患者</th>
                                <th colspan="4" class="text-center">第2个患者</th>
                                <th  colspan="4" class="text-center">第2个患者</th>
                                <th colspan="4" class="text-center">第2个患者</th>
                                <th   colspan="4" class="text-center">第2个患者</th>
                                <th colspan="4" class="text-center">第2个患者</th>
                                <th colspan="4" class="text-center">第2个患者</th>
                                <th  colspan="4" class="text-center">第2个患者</th>
                                <th  colspan="4" class="text-center">第2个患者</th>
                            </tr>
                            <tr id="threadSecondRow">
                                <th style="width:100px">姓名</th>
                                <th style="width:100px">门诊/住院号</th>
                                <th style="width:100px">备注</th>
                                <th style="width:200px">取号时间</th>

                                <th style="width:100px">姓名</th>
                                <th style="width:100px">门诊/住院号</th>
                                <th style="width:100px">备注</th>
                                <th style="width:200px">取号时间</th>

                                <th style="width:100px">姓名</th>
                                <th style="width:100px">门诊/住院号</th>
                                <th style="width:100px">备注</th>
                                <th style="width:200px">取号时间</th>

                                <th style="width:100px">姓名</th>
                                <th style="width:100px">门诊/住院号</th>
                                <th style="width:100px">备注</th>
                                <th style="width:200px">取号时间</th>

                                <th style="width:100px">姓名</th>
                                <th style="width:100px">门诊/住院号</th>
                                <th style="width:100px">备注</th>
                                <th style="width:200px">取号时间</th>

                                <th style="width:100px">姓名</th>
                                <th style="width:100px">门诊/住院号</th>
                                <th style="width:100px">备注</th>
                                <th style="width:200px">取号时间</th>
                            </tr>
                            </thead>
                            <tbody id="tbodyStatistics">
                            <tr>

                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">

    /*
        动态写入表头
    */
    var patientNum=50;
    var html="<th rowspan='2' style='width: 100px;vertical-align:middle;'>报告医生</th>";
    for( var i = 1; i <= patientNum; i++ ) {
        html +=     "<th colspan='4'  >第"+i+"个患者</th>"
    }
    $("#threadFirstRow").html(html);

    html =""
    for( var i = 0; i < patientNum; i++ ) {
        html +=   "<th style='width:100px'>姓名</th>"
        html +=   "<th style='width:100px'>门诊/住院号</th>"
        html +=   "<th style='width:100px'>备注</th>"
        html +=   "<th style='width:200px'>取号时间</th>"
    }
    $("#threadSecondRow").html(html);


    /*
        动态写入表内容
    */
    // html = ""
    // html += "<tr>"
    // html +=   "<td  style='font-weight:800;'>邱思花</td>"
    // for( var i = 0; i < patientNum; i++ ) {
    //     html +=   "<td>陈呵呵</td>"
    //     html +=   "<td>502632525</td>"
    //     html +=   "<td>PICC</td>"
    //     html +=   "<td>2021-05-01 08:20:32</td>"
    // }
    // html +="</tr>"
    // html += "<tr>"
    // html +=   "<td  style='font-weight:800;'>李水平</td>"
    // for( var i = 0; i < patientNum; i++ ) {
    //     html +=   "<td>陈呵呵</td>"
    //     html +=   "<td>502632525</td>"
    //     html +=   "<td>PICC</td>"
    //     html +=   "<td>2021-05-01 08:20:32</td>"
    // }
    // html +="</tr>"
    // html += "<tr>"
    // html +=   "<td  style='font-weight:800;'>张婷婷</td>"
    // for( var i = 0; i < patientNum; i++ ) {
    //     html +=   "<td>陈呵呵</td>"
    //     html +=   "<td>502632525</td>"
    //     html +=   "<td>PICC</td>"
    //     html +=   "<td>2021-05-01 08:20:32</td>"
    // }
    // html +="</tr>"
    // $("#tbodyStatistics").html(html);


    /* datetimepicker插件 */
    $('#dateBegin').datetimepicker({
        forceParse: 0,//设置为0，时间不会跳转1899，会显示当前时间。
        language: 'zh-CN',//显示中文
        format: 'yyyy-mm-dd',//显示格式
        minView: "month",//设置只显示到月份
        initialDate: new Date(),//初始化当前日期
        autoclose: true,//选中自动关闭
        todayBtn: true//显示今日按钮
    })
    $("#dateBegin").datetimepicker("setDate", new Date());  //设置显示默认当天的时间
    $('#dateEnd').datetimepicker({
        forceParse: 0,//设置为0，时间不会跳转1899，会显示当前时间。
        language: 'zh-CN',//显示中文
        format: 'yyyy-mm-dd',//显示格式
        minView: "month",//设置只显示到月份
        initialDate: new Date(),//初始化当前日期
        autoclose: true,//选中自动关闭
        todayBtn: true//显示今日按钮
    })
    $("#dateEnd").datetimepicker("setDate", new Date());  //设置显示默认当天的时间



    var IpAndPort;
    var protocol = window.location.protocol;
    if(protocol=="file:"){
        IpAndPort="127.0.0.1:8080";
        $("#headIconImg").attr("src","./static/img/head_Icon.png")
        $("#toastImg").attr("src","./static/img/toast.jpg")
    }else if(protocol=="http:"){
        IpAndPort=window.location.host;
        $("#headIconImg").attr("src","/static/img/head_Icon.png")
        $("#toastImg").attr("src","/static/img/toast.jpg")
    }

    // 解析token
    // var token=getCookie('token');
    // var strings = token.split("."); //截取token，获取载体
    // var userInfo = JSON.parse(decodeURIComponent(escape(window.atob(strings[1].replace(/-/g, "+").replace(/_/g, "/"))))); //解析，需要吧‘_’,'-'进行转换否则会无法解析
    // $("#userNameText")[0].innerHTML="&nbsp;[&nbsp;"+userInfo.ksmc+"&nbsp;]&nbsp;&nbsp;"+userInfo.ygxm;


    /**
     * 选择诊室时，为按钮赋值
     */
    $(document).on('click', '#dropDownBtn', function () {
        var zxmc = $(this)[0].innerHTML;
        var zxks = $(this).attr("zxks");
        $("#dropDownShowBtn")[0].innerHTML=zxmc;
        $("#dropDownShowBtn").attr("zxks",zxks);
    });



    /**
     * 时间日期格式化
     *
     */
    function dateFormat(fmt, date) {
        var ret;
        const opt = {
            "Y+": date.getFullYear().toString(),        // 年
            "m+": (date.getMonth() + 1).toString(),     // 月
            "d+": date.getDate().toString(),            // 日
            "H+": date.getHours().toString(),           // 时
            "M+": date.getMinutes().toString(),         // 分
            "S+": date.getSeconds().toString()          // 秒
            // 有其他格式化字符需求可以继续添加，必须转化成字符串
        };
        for (var k in opt) {
            ret = new RegExp("(" + k + ")").exec(fmt);
            if (ret) {
                fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
            };
        };
        return fmt;
    }

    /**
     * 获取指定名称的cookie
     */
    function getCookie(name){
        var strcookie = document.cookie;//获取cookie字符串
        var arrcookie = strcookie.split("; ");//分割
        //遍历匹配
        for ( var i = 0; i < arrcookie.length; i++) {
            var arr = arrcookie[i].split("=");
            if (arr[0] == name){
                return arr[1];
            }
        }
        return "";
    }

    /**
     * Obj对象转为Map对象
     */
    function _objToStrMap(obj){
        var strMap = new Map();
        for (var k of Object.keys(obj)) {
            strMap.set(k,obj[k]);
        }
        return strMap;
    }

    //
    // 导出按钮
    //
    $(document).on('click', '#btnExport', function () {

        // 院区文字
        var yq = $("#label_Yq").html();

        // 日期文字
        var rqBegin = $("#dateBegin").val();
        var rqEnd = $("#dateEnd").val();
        var rq;
        if(rqBegin==rqEnd){rq=rqBegin;}
        else{rq=rqBegin+"至"+rqEnd};

        $("#table_wjhList").tableExport({
            // 后缀名
            type: 'xlsx',
            exportDataType: "all",
            // 文件名
            fileName: yq +" "+ rq
        });

    });



    /**
     * 点击查询按钮
     */

    $(document).on('click', '#btnSearch', function () {
        // 设置按钮样式为[旋转]
        var btnSearch=$(this);
        btnSearch.html("查询<span class='spinner-border spinner-border-sm' role='status' aria-hidden='true'></span>")

        var yqbs = $("#dropDownShowBtn")[0].innerHTML;
        if(yqbs.indexOf("请选择院区") != -1){
            $("#toastTitle").html("提示");
            $("#toastText").html("请先选择院区");
            $('.toast').toast('show');
            // 设置按钮样式为[不旋转]
            $(this).html("查询")
            return;
        }

        var zxks =$("#dropDownShowBtn").attr("zxks");   // 无中生有的属性值

        /* 传递MAP */
        var map = new Map();
        map.set("yyrqBegin", $("#dateBegin").val());      // 预约日期
        map.set("yyrqEnd", $("#dateEnd").val());      // 预约日期
        map.set("zxks", zxks);                  // 执行科室
        //map转obj
        var obj= Object.create(null);
        for(var key of map){
            obj[key[0]]=key[1];
        }
        // 先清空表格
        $("#tbodyStatistics").html("");
        // AJAX交互
        $.ajax({
            url:"http://"+IpAndPort+"/StatisticController/getSqdDetail",
            type:"POST",
            contentType : 'application/json;charset=utf-8',
            data:JSON.stringify(obj),
            xhrFields: { withCredentials: true },
            success:function(data){
                var jsonObj = $.parseJSON(data );
                if(jsonObj.status==false){
                    $("#toastTitle").html("叫号失败");
                    $("#toastText").html(jsonObj.detail);
                    $('.toast').toast('show');
                }else if(jsonObj.status==true){
                    var dataObj =  $.parseJSON(jsonObj.detail );
                    var dataMap =  _objToStrMap(dataObj); // obj转为map
                    var bgysOrderArray = $.parseJSON(jsonObj.additional1);
                    var yqbs = $("#dropDownShowBtn")[0].innerHTML;

                    // 表格上的小标签显示总分院
                    $("#label_Yq").html(yqbs+"超声");

                    if(bgysOrderArray.length!=0){
                        var maxBgys = bgysOrderArray[0];

                        /*
                            动态写入表头
                        */
                        var patientNum=dataObj[maxBgys].length; // 表头个数取最多申请单的医生
                        var html="<th rowspan='2' style='width: 100px;vertical-align:middle;'>报告医生</th>";
                        for( var i = 1; i <= patientNum; i++ ) {
                            html +=     "<th colspan='9'  >第"+i+"个患者</th>"
                        }
                        $("#threadFirstRow").html(html);

                        html =""
                        for( var i = 0; i < patientNum; i++ ) {
                            html +=   "<th style='width:100px'>姓名</th>"
                            html +=   "<th style='width:100px'>类型</th>"
                            html +=   "<th style='width:100px'>申请单号</th>"
                            html +=   "<th style='width:100px'>检查项目</th>"
                            html +=   "<th style='width:200px'>预约时间</th>"
                            html +=   "<th style='width:200px'>签到时间</th>"
                            html +=   "<th style='width:200px'>叫号时间</th>"
                            html +=   "<th style='width:200px'>传图时间</th>"
                            html +=   "<th style='width:200px'>报告时间</th>"
                        }
                        $("#threadSecondRow").html(html);

                        /*
                          动态写入表内容
                        */
                        html = ""
                        for(var row=0;row<bgysOrderArray.length;row++){
                            var bgys = bgysOrderArray[row];
                            html += "<tr>"
                            html +=   "<td  style='font-weight:800;'>"+bgys+" ("+dataObj[bgys].length+")</td>"
                            for( var patientCount = 0; patientCount < dataObj[bgys].length ; patientCount++ ) {
                                html +=   "<td>"+ dataObj[bgys][patientCount].brxm+"</td>"
                                html +=   "<td>"+ dataObj[bgys][patientCount].jzlx+"</td>"
                                html +=   "<td>"+ dataObj[bgys][patientCount].sqdh +"</td>"
                                html +=   "<td>"+ dataObj[bgys][patientCount].jcxm +"</td>"
                                html +=   "<td>"+ (dataObj[bgys][patientCount].yysj==undefined?"":dateFormat("YYYY-mm-dd HH:MM:SS", new Date(dataObj[bgys][patientCount].yysj)))+"</td>"
                                html +=   "<td>"+ (dataObj[bgys][patientCount].qdsj==undefined?"":dateFormat("YYYY-mm-dd HH:MM:SS", new Date(dataObj[bgys][patientCount].qdsj)))+"</td>"
                                html +=   "<td>"+ (dataObj[bgys][patientCount].jhsj==undefined?"":dateFormat("YYYY-mm-dd HH:MM:SS", new Date(dataObj[bgys][patientCount].jhsj)))+"</td>"
                                html +=   "<td>"+ (dataObj[bgys][patientCount].ctsj==undefined?"":dateFormat("YYYY-mm-dd HH:MM:SS", new Date(dataObj[bgys][patientCount].ctsj)))+"</td>"
                                html +=   "<td>"+ (dataObj[bgys][patientCount].bgsj==undefined?"":dateFormat("YYYY-mm-dd HH:MM:SS", new Date(dataObj[bgys][patientCount].bgsj)))+"</td>"
                            }
                            html +="</tr>"
                        }

                        $("#tbodyStatistics").html(html);
                        $("#tbodyStatistics tr").click(onClickTable_wjhList); /* 每次都重新设置点击事件 */
                    }

                }
                // 设置按钮样式为[不旋转]
                btnSearch.html("查询")
            },
            error:function(data){
                // toast组件提示
                $("#toastTitle").html("重叫失败");
                $("#toastText").html("连接服务端失败...");
                $('.toast').toast('show');
                // 设置按钮样式为[不旋转]
                $(this).html("查询")
            }
        });
    })


    /**
     * 点击未叫号表格的某一行
     */
    var lastTrIndex=-1;
    var lastTrObj;
    function onClickTable_wjhList(){

        /* 因为跨天查询的时候数据量太多，所以关闭此特效，太卡了 */
        if($("#dateBegin").val()!=$("#dateEnd").val()){
            return;
        }

        //获取被点击的行元素
        var currentTrObj = event.srcElement.parentElement;

        // 获取被点击的行号（索引）
        var currentTrIndex = currentTrObj.rowIndex;

        // 修改本次被选中行的css颜色
        $(currentTrObj).attr("class","table-primary");

        // 还原上一次选择的行的颜色
        if(lastTrObj!=null){
            $(lastTrObj).attr("class","table");
        }

        if(currentTrIndex==lastTrIndex){
            lastTrIndex=-1;
        }
        else{
            lastTrIndex = currentTrIndex;
            lastTrObj=currentTrObj;
        }
    }


    //
    // 点击重叫按钮
    //
    $(document).on('click', '#btnReCall', function () {

        //
        // 点击按钮后旋转
        //

        // 禁用按钮
        var btnObj=$(this);
        btnObj.attr({ "disabled": "disabled" });
        // 设置按钮样式为[旋转]
        btnObj.html("重叫<span class='spinner-border spinner-border-sm' role='status' aria-hidden='true'></span>")
        // 定时器
        var timeoutObj = setTimeout(function () {
            // 将按钮可用
            btnObj.removeAttr("disabled");
            // 恢复样式
            btnObj.html("重叫");
            // 清除已设置的setTimeout对象
            clearTimeout(timeoutObj)
        }, 0.6*1000); //0.6秒

        //
        // AJAX
        //

        var id = $(this).parents("tr").find("td").eq(0).text();    // 第0列是ID列（隐藏）

        /* 传递MAP */
        var map = new Map();
        map.set("id", id);
        //map转obj
        var obj= Object.create(null);
        for(var key of map){
            obj[key[0]]=key[1];
        }
        $.ajax({
            url:"http://"+IpAndPort+"/CallNumberController/reCall",
            type:"POST",
            contentType : 'application/json;charset=utf-8',
            data:JSON.stringify(obj),
            xhrFields: {
                withCredentials: true
            },
            success:function(data){
                var jsonObj = $.parseJSON(data );
                if(jsonObj.status==false){
                    $("#toastTitle").html("重叫失败");
                    $("#toastText").html(jsonObj.detail);
                    $('.toast').toast('show');
                }else if(jsonObj.status==true){

                }
            },
            error:function(data){
                // toast组件提示
                $("#toastTitle").html("重叫失败");
                $("#toastText").html("连接服务端失败...");
                $('.toast').toast('show');
            }
        });
    })


</script>
</body>
</html>